// 如果需要子级路由-刷新页面-那可以重定向页面替代刷新页面
import { createRouter, createWebHistory } from 'vue-router'

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'index',
      component: () => import('../pages/index.vue')
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../pages/AboutView.vue')
    }
  ]
})


router.beforeEach(async (to, from, next) => {
  // 路由加载前

  // 虚拟加载进度-开始
  NProgress.start()

  // to: 即将要进入的目标
  // from: 当前导航正要离开的路由
  // next: 不传参数-继续执行-next()、传参数-跳转到新路由-next({ name: 'Login' })
  next()

})
router.afterEach(() => {
  // 路由加载后

  // 虚拟加载进度-结束
  NProgress.done()
  
})

export default router
